<div id="page-wrapper">
			<div class="box-header">
				<h3 class="box-title">考题库管理</h3>

				<div class="box-tools">
					<div class="input-group input-group-sm" style="width: 100px;">
						<div class="input-group-btn">

							<button type="button" class="btn btn-success btn-delete">
								删除</button>
							<button type="button" class="btn btn-default btn-add">添加</button>
							<button type="button" class="btn btn-default btn-update">修改</button>
						</div>
					</div>
				</div>
			</div>
			<!-- /.box-header -->
			<div class="box-body table-responsive no-padding">
				<table id="menuTable" class="table table-hover">
					<thead>
						<tr>
							<th data-field="selectItem" data-checkbox="true"></th>
						</tr>
					</thead>
				</table>
			</div>
</div>
<div id="pageId" class="box-footer clearfix"></div>
<script type="text/javascript"
	src="../static/bower_components/treegrid/jquery.treegrid.extension.js"></script>
<script type="text/javascript"
	src="../static/bower_components/treegrid/jquery.treegrid.min.js"></script>
<script type="text/javascript"
	src="../static/bower_components/treegrid/tree.table.js"></script>
<script type="text/javascript">
	/**
	 * 初始化表格的列
	 */
	var columns = [ {
		field : 'selectItem',//选项
		radio : true
	}, {
		title : '试题ID',//题目id
		field : 'id',
		valign : 'middle',
		width : '80px'
	},

	{
		title : '考题内容',//考题内容
		field : 'content',
		valign : 'middle',
		width : '130px'
	}, {
		title : '选项A',
		field : 'choiceA',
		valign : 'middle',
		width : '100px'
	}, {
		title : '选项B',
		field : 'choiceB',
		valign : 'middle',

		width : '100px'
	}, {
		title : '选项C',
		field : 'choiceC',
		valign : 'middle',

		width : '100px'
	}, {
		title : '选项D',
		field : 'choiceD',
		valign : 'middle',

		width : '100px'
	}, {
		title : '答案',//答案
		field : 'answer',
		valign : 'middle',
		width : '130px'
	}, {
		title : '题类型',//题所属类型
		field : 'name',
		valign : 'middle',
		width : '130px'
	}, {
		title : '题类型的Id',//题类型的Id
		field : 'examType_id',
		valign : 'middle',
		width : '130px'
	} ];//格式来自官方demos -->treeGrid(jquery扩展的一个网格树插件)

	$(function() {
		//获取要呈现的所有数据
		doGetObjects();
		//按钮事件注册
		$(".input-group-btn").on("click", ".btn-delete", doDeleteObject)
		.on("click", ".btn-add,.btn-update", doLoadEditUI);
	})//$(document).ready(function(){})

	//异步加载编辑页面:点击修改按钮时加载编辑页面
	function doLoadEditUI() {
		//1.定义标题
		var title;
		//判断点击的是添加还是修改
		if ($(this).hasClass("btn-add")) {
			title = "添加";
		} else {
			//修改
			title = "修改";
			//获取选中的当前行的记录(从tr对象上获取)
			var rowData = doGetCheckedItem();
			if (!rowData) {
				alert("请先选择一个");
				return;
			}
			console.log("rowData", rowData);
			//重新绑定数据到$("#mainContentId")
			$("#mainContentId").data("rowData", rowData);
		}
		//2.异步加载编辑页面
		var url = "question/question_edit";
		$("#mainContentId").load(url, function() {
			$(".box-title").html(title);
		})//假如"#mainContentId"这个位置有页面则replace
	}

	function doGetCheckedItem() {
		var tr = $("tbody input[type='radio']:checked").parents("tr");
		//这个值是在jquery.treegrid.extension.js中绑定的
		if(tr)return tr.data("rowData");
	}

	/* 执行删除操作 */
	function doDeleteObject() {
		//1.获取选中的记录id,并进行判定
		var id = doGetCheckedId();
		if (!id) {
			alert("请先选择");
			return;
		}
		if (!confirm("确定删除吗"))
			return;
		//2.定义参数
		var params = {
			"id" : id
		};
		//3.定义url
		var url = "question/doDeleteObject"
		//4.发送异步请求执行删除操作
		$.post(url, params, function(result) {
			if (result.state == 1) {
				alert(result.message);
				//刷新页面
				//doGetObjects();//方式1
				//方式2
				var tr = $("tbody input[type='radio']:checked").parents("tr");
				tr.remove();//移出tr对象
			} else {
				alert(result.message);
			}
		})
	}
	//获取选中的记录的id值:获取tr对象上绑定的数据
	function doGetCheckedId() {
		//1.获取选中的记录
		var selections = $("#menuTable")
		//bootstrapTreeTable是treeGrid插件内部定义的jquery扩展函数
		//getSelections为扩展函数内部要调用的一个方法
		.bootstrapTreeTable("getSelections");
		//2.对记录进行判定
		console.log(selections);
		if (selections.length == 1)
			return selections[0].id;
	}
	function doGetObjects() {
		$("#mainContentId").removeData();
		//1.构建table对象(bootstrap框架中treeGrid插件提供)
		var treeTable = new TreeTable("menuTable",//tableId
		"question/doFindObjects2",//url
		columns);
		//设置从哪一列开始展开(默认是第一列)
		//treeTable.setExpandColumn(2);
		//2.初始化table对象(底层发送ajax请求获取数据)
		treeTable.init();//getJSON,get(),...
	}
</script>